import themes from '@/utils/themes'
import { colorMix } from '@/utils/colorMix'
export default {

    methods: {
        switchTheme(type = 'defaultTheme') {
            // 根据不同的主题类型 获取不同主题数据
            // themes 对象包含 defaultTheme、dark 两个属性即默认主题与深色主题
            const colorObj = themes[type]
            console.log(type, colorObj)
            // 获取基本色色阶
            // colorMix是一个函数
            // for (let i = 1; i < 10; i += 1) {
            //   colorObj[`--el-color-primary-light-${10 - i}`] = colorMix(colorObj['--el-color-white'], colorObj['--el-color-primary'], i * 0.1)
            // }

            // 设置css 变量
            Object.keys(colorObj).map((item) => {
              document.documentElement.style.setProperty(item, colorObj[item])
            })
          }
    }
}
